.c-screen {
	position: fixed;
	top: 0;
	left: 0;
	z-index:10000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	visibility: hidden;
	overflow: hidden;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%
}
.c-screen__copy {
	position: relative;
	z-index: 11;
	-webkit-transform: translate3d(-100vw, 0, 0);
	transform: translate3d(-100vw, 0, 0)
}
.c-screen__copy img {
	width: 150px;
	height: auto;
	-webkit-transform: skewX(-20deg);
	transform: skewX(-20deg);
}
.c-screen__obj {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%
}
.c-screen__obj--01 {
	top: -20%;
	height: 140%;
	background-color: #fbcbe3;
	-webkit-transform: skewY(-10deg) translate3d(0, 100%, 0);
	transform: skewY(-10deg) translate3d(0, 100%, 0)
}
.c-screen__obj--02 {
	top: 10%;
	height: 90%;
	background-color: #fc5eab;
	-webkit-transform: skewY(-20deg) translate3d(100%, 0, 0);
	transform: skewY(-20deg) translate3d(100%, 0, 0);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}
.c-screen__obj--03 {
	top: 5%;
	background-color: #fa8ec3;
	-webkit-transform: skewY(65deg) translate3d(-100%, 0, 0);
	transform: skewY(65deg) translate3d(-100%, 0, 0);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}
.c-screen.is-transition-in {
	visibility: visible
}
.c-screen.is-transition-in .c-screen__copy {
	opacity: 1;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1) .3s;
	transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1) .3s;
	transition: transform .6s cubic-bezier(.165, .84, .44, 1) .3s;
	transition: transform .6s cubic-bezier(.165, .84, .44, 1) .3s, -webkit-transform .6s cubic-bezier(.165, .84, .44, 1) .3s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.c-screen.is-transition-in .c-screen__copy img {
	-webkit-transition: -webkit-transform .6s cubic-bezier(.895, .03, .685, .22) .3s;
	transition: -webkit-transform .6s cubic-bezier(.895, .03, .685, .22) .3s;
	transition: transform .6s cubic-bezier(.895, .03, .685, .22) .3s;
	transition: transform .6s cubic-bezier(.895, .03, .685, .22) .3s, -webkit-transform .6s cubic-bezier(.895, .03, .685, .22) .3s;
	-webkit-transform: skewX(0);
	transform: skewX(0);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%
}
.c-screen.is-transition-in .c-screen__obj--01 {
	-webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1) 0s;
	transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1) 0s;
	transition: transform .6s cubic-bezier(.165, .84, .44, 1) 0s;
	transition: transform .6s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .6s cubic-bezier(.165, .84, .44, 1) 0s;
	-webkit-transform: skewY(-10deg) translate3d(0, 0, 0);
	transform: skewY(-10deg) translate3d(0, 0, 0)
}
.c-screen.is-transition-in .c-screen__obj--02 {
	-webkit-transition: -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
	transition: -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
	transition: transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
	transition: transform .6s cubic-bezier(.215, .61, .355, 1) .2s, -webkit-transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
	-webkit-transform: skewY(-20deg) translate3d(0, 0, 0);
	transform: skewY(-20deg) translate3d(0, 0, 0)
}
.c-screen.is-transition-in .c-screen__obj--03 {
	-webkit-transition: -webkit-transform .6s cubic-bezier(.455, .03, .515, .955) .1s;
	transition: -webkit-transform .6s cubic-bezier(.455, .03, .515, .955) .1s;
	transition: transform .6s cubic-bezier(.455, .03, .515, .955) .1s;
	transition: transform .6s cubic-bezier(.455, .03, .515, .955) .1s, -webkit-transform .6s cubic-bezier(.455, .03, .515, .955) .1s;
	-webkit-transform: skewY(65deg) translate3d(0, 0, 0);
	transform: skewY(65deg) translate3d(0, 0, 0)
}
.c-screen.is-transition-out {
	visibility: visible
}
.c-screen.is-transition-out .c-screen__copy {
	opacity: 1;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.55, .085, .68, .53) 0s;
	transition: -webkit-transform .6s cubic-bezier(.55, .085, .68, .53) 0s;
	transition: transform .6s cubic-bezier(.55, .085, .68, .53) 0s;
	transition: transform .6s cubic-bezier(.55, .085, .68, .53) 0s, -webkit-transform .6s cubic-bezier(.55, .085, .68, .53) 0s;
	-webkit-transform: translate3d(100vw, 0, 0);
	transform: translate3d(100vw, 0, 0)
}
.c-screen.is-transition-out .c-screen__copy img {
	-webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1) 0s;
	transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1) 0s;
	transition: transform .6s cubic-bezier(.165, .84, .44, 1) 0s;
	transition: transform .6s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .6s cubic-bezier(.165, .84, .44, 1) 0s;
	-webkit-transform: skewX(20deg);
	transform: skewX(20deg);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%
}
.c-screen.is-transition-out .c-screen__obj--01 {
	-webkit-transition: -webkit-transform .6s cubic-bezier(.77, 0, .175, 1) .2s;
	transition: -webkit-transform .6s cubic-bezier(.77, 0, .175, 1) .2s;
	transition: transform .6s cubic-bezier(.77, 0, .175, 1) .2s;
	transition: transform .6s cubic-bezier(.77, 0, .175, 1) .2s, -webkit-transform .6s cubic-bezier(.77, 0, .175, 1) .2s;
	-webkit-transform: skewY(-10deg) translate3d(0, -100%, 0);
	transform: skewY(-10deg) translate3d(0, -100%, 0)
}
.c-screen.is-transition-out .c-screen__obj--02 {
	-webkit-transition: -webkit-transform .6s cubic-bezier(.645, .045, .355, 1) 0s;
	transition: -webkit-transform .6s cubic-bezier(.645, .045, .355, 1) 0s;
	transition: transform .6s cubic-bezier(.645, .045, .355, 1) 0s;
	transition: transform .6s cubic-bezier(.645, .045, .355, 1) 0s, -webkit-transform .6s cubic-bezier(.645, .045, .355, 1) 0s;
	-webkit-transform: skewY(-20deg) translate3d(-100%, 0, 0);
	transform: skewY(-20deg) translate3d(-100%, 0, 0)
}
.c-screen.is-transition-out .c-screen__obj--03 {
	-webkit-transition: -webkit-transform .6s cubic-bezier(.455, .03, .515, .955) .1s;
	transition: -webkit-transform .6s cubic-bezier(.455, .03, .515, .955) .1s;
	transition: transform .6s cubic-bezier(.455, .03, .515, .955) .1s;
	transition: transform .6s cubic-bezier(.455, .03, .515, .955) .1s, -webkit-transform .6s cubic-bezier(.455, .03, .515, .955) .1s;
	-webkit-transform: skewY(65deg) translate3d(100%, 0, 0);
	transform: skewY(65deg) translate3d(100%, 0, 0)
}
.c-screen.theme-products .c-screen__obj--01 {
	background-color: #e93c07;
}
.c-screen.theme-products .c-screen__obj--02 {
	background-color: #1db0b8;
}
.c-screen.theme-products .c-screen__obj--03 {
   background-color: #3083ff;
}

.c-screen.theme-video .c-screen__obj--01 {
	background-color: #daf1fb
}
.c-screen.theme-video .c-screen__obj--02 {
	background-color: #85d2f3
}
.c-screen.theme-video .c-screen__obj--03 {
	background-color: #b2dff2
}

.c-screen.theme-contact .c-screen__obj--01 {
	background-color: #abf637;
}
.c-screen.theme-contact .c-screen__obj--02 {
	background-color: #4aa9aa;
}
.c-screen.theme-contact .c-screen__obj--03 {
	background-color: #ffff66;
}

.c-screen.theme-support .c-screen__obj--01 {
	background-color: #ccfc62;
}
.c-screen.theme-support .c-screen__obj--02 {
	background-color: #ff534d;
}
.c-screen.theme-support .c-screen__obj--03 {
	background-color: #25c65c;
}

.c-screen.theme-faq .c-screen__obj--01 {
	background-color: #77c34f;
}
.c-screen.theme-faq .c-screen__obj--02 {
	background-color: #2e68aa;
}
.c-screen.theme-faq .c-screen__obj--03 {
	background-color: #ff2465;
}

.c-screen.theme-about .c-screen__obj--01 {
	background-color: #006b4e;
}
.c-screen.theme-about .c-screen__obj--02 {
	background-color: #0f9ddb;
}
.c-screen.theme-about .c-screen__obj--03 {
	background-color: #4eb9b1;
}

.c-screen.theme-news .c-screen__obj--01 {
	background-color: #fcc689;
}
.c-screen.theme-news .c-screen__obj--02 {
	background-color: #82a6f5;
}
.c-screen.theme-news .c-screen__obj--03 {
	background-color: #05f1d6;
}
.c-screen .progress {
	margin: 0 auto;
	margin-top: 15px;
	width: 50%;
	height: 2px
}
.c-screen .progress__bar {
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-color: #fff;
	-webkit-transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1);
	transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1);
	transition: transform .3s cubic-bezier(.165, .84, .44, 1);
	transition: transform .3s cubic-bezier(.165, .84, .44, 1), -webkit-transform .3s cubic-bezier(.165, .84, .44, 1);
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%
}
.c-screen .progress__bar.is-completed {
	-webkit-transition: -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
	transition: -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
	transition: transform .4s cubic-bezier(.165, .84, .44, 1);
	transition: transform .4s cubic-bezier(.165, .84, .44, 1), -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}